<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<!--移动端meta标签-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--外链css-->
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<!--清除浏览器默认样式-->
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<!--移动端remJS脚本-->
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<!--iconfont-->
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_854329_5cnbs3vauti.css" />
		<!--外链css动画库-->
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	</head>

	<body>
		<!--头部-->
		<header class="flex">
			<!--店铺按钮-->
			<a href="#">店铺</a>
			<!--标题-->
			<span>Infoscape</span>
			<!--推广按钮-->
			<a href="#" class="showMore">推广</a>
		</header>
		<!--账户信息模块-->
		<div class="userMsg flex">
			<!--累计收入显示-->
			<div class="allMoney flex">
				<!--显示金额-->
			</div>
			<!--详细数据栏-->
			<div class="userMsgMore flex">
				<!--昨日访客-->
				<!--订单-->
				<!--销量-->
				<i class="red-c"></i>
			</div>
		</div>
		<!--主要功能模块-->
		<div class="content">
			<!--添加商品-->
			<div class="addProduct flex">
				<!--添加商品按钮-->
				<a href="#" class="addShop flex"><i class="icon-shangchuan iconfont"></i>添加商品</a>
			</div>
			<!--菜单部分-->
			<div class="menu flex">
				<!--第一层菜单-->
				<div class="menuFirst flex">
					<a href="commodity.html" class="flex a1">
						<div class="menu-logo"><img src="img/menu_06.png" /></div>
						<p>商品管理</p>
					</a>
					<a href="order.html" class="flex a2">
						<div class="menu-logo"><img src="img/menu_03.png" /></div>
						<p>订单管理</p>
					</a>
					<a href="#" class="flex a3">
						<div class="menu-logo"><img src="img/menu_09.png" /></div>
						<p>微信功能</p>
					</a>
				</div>
				<!--第二层菜单-->
				<div class="menuSecond flex">
					<a href="#" class="flex a4">
						<div class="menu-logo"><img src="img/menu_19.png" /></div>
						<p>客户管理</p>
						<i class="menu-msg"></i>
					</a>
					<a href="#" class="flex a5">
						<div class="menu-logo"><img src="img/menu_21.png" /></div>
						<p>店铺管理</p>
					</a>
					<a href="#" class="flex a6">
						<div class="menu-logo"><img src="img/menu_17.png" /></div>
						<p>数据统计</p>
					</a>
				</div>
			</div>
		</div>
		<!--尾部-->
		<footer class="flex">
			<div class="footer-menu">
				<a href="#" class="flex">
					<div class="index-logo"><img src="img/footer-logo_19.png"/></div>
					<p>小店</p>
				</a>
			</div>
			<div class="footer-menu">
				<a href="#" class="flex">
					<div class="market-logo"><img src="img/footer-logo_23.png"/></div>
					<p>市场</p>
				</a>
			</div>
			<div class="footer-menu">
				<a href="#" class="flex shoping">
					<div class="shoping-logo"><img src="img/footer-logo_06.png"/></div>
					<p>购物车</p>
					<span class="shoping-num">2</span>
				</a>
			</div>
			<div class="footer-menu">
				<a href="#" class="flex">
					<div class="mine-logo"><img src="img/footer-logo_11.png"/></div>
					<p>我的</p>
				</a>
			</div>
		</footer>

		<!--添加商品弹窗-->
		<div class="addMask">
			<div class="addMaskContent zoomInDown animated flex">
				<!--市场选货-->
				<div class="btn flex">
					<div class="btn-img"><img src="img/addMask_03.png"/></div>
					<p>市场选货</p>
				</div>
				<!--取消按钮-->
				<p class="canel">取消</p>
			</div>
		</div>
		<!--推广窗口-->
		<div class="moreMask">
			<div class="moreContainer">
				<!--市场选货-->
				<div class="moreMaskContent  zoomInDown animated  flex">
					<div class="First flex">
					<div class="moreLogo a7">
						<a href="" class="flex"><i class="icon-weixin iconfont"></i><p>微信好友</p>
						</a>
					</div>
					<div class="moreLogo a8">
						<a href="" class="flex"><i class="icon-pengyouquan iconfont"></i><p>微信朋友圈</p>
						</a>
					</div>
					<div class="moreLogo a9">
						<a href="" class="flex"><i class="icon-xinlang iconfont"></i><p>新浪微博</p>
						</a>
					</div>
					</div>
					<div class="second flex">
					<div class="moreLogo a10">
						<a href="" class="flex"><i class="icon-qq-fill iconfont"></i><p>QQ好友</p>
						</a>
					</div>
					<div class="moreLogo a11">
						<a href="" class="flex"><i class="icon-QQkongjian iconfont"></i><p>QQ空间</p>
						</a>
					</div>
					<div class="moreLogo a12">
						<a href="" class="flex"><i class="icon-shouji iconfont"></i><p>手机联系人</p>
						</a>
					</div>
					</div>
					<div class="last flex">
					<div class="moreLogo a13">
						<a href="" class="flex"><i class="icon-liaotian_lightblue iconfont"></i><p>老客户</p>
						</a>
					</div>
					<div class="moreLogo a14">
						<a href="" class="flex"><i class="icon-erweima iconfont"></i><p>二维码</p>
						</a>
					</div>
					<div class="moreLogo a15">
						<a href="" class="flex"><i class="icon-fuzhilianjie iconfont"></i><p>复制链接</p>
						</a>
					</div>
					</div>
				</div>
				<!--取消按钮-->
				<p class="moreCanel flex">取消</p>
			</div>
		</div>
		<script type="text/javascript" src="js/index.js">
		</script>
	</body>
</html>